import React from "react";

class App extends React.Component {

  render(){

    const obj = {
      color: 'red',
      // fontSize: '50px',
      fontSize: 50, // 可以省略掉单位 px
      border: '10px solid blue', // 在字符串内使用一定要加上单位
      lineHeight: '100px' // 行高如果不设置单位会变成倍数
    }

    return (<>
      {/* 该写法是错误的，因为在 reacct 开发中使用的不是 html 元素，不支持你直接设置为字符串 */}
      {/* <h1 style='color: red;'> 当你停下来休息时，不要忘记别人还在奔跑，所有请绊倒他。 </h1> */}

      {/* 外部声明对象的写法是可以使用 */}
      {/* <h1 style={obj}> 当你停下来休息时，不要忘记别人还在奔跑，所有请绊倒他。 </h1> */}

      {/* 这里用的不是双大括号语法，而是一个 js 对象 */}
      <h1 style={{color: 'red'}}> 当你停下来休息时，不要忘记别人还在奔跑，所有请绊倒他。 </h1>

    </>)
  }
}

export default App
